@charset "utf-8";
@import "_iconfont.scss";
@function r($px){
    @return ($px/40)*1rem;
}
@function px($px){
    @return ($px/2)*1px;
}
#web{
   width: r(750);
   height: 100%;
   position: relative;
}

ul,li,span{
    box-sizing: border-box;
}
//title部分
.group-title{
    width:100%;
    margin-top:px(48);
    height:px(57);
    background: white;
    position: fixed;
    p{
        text-align: center;
        font-size: px(26);
        font-weight: bold;
        line-height: px(57);
        position:absolute;
        left:50%;
        margin-left:px(-13);
    }
    .group-return{
        width:px(122);
        height:px(57);
        box-sizing: border-box;
        border:1px solid #ff9a50;
        border-radius:5px;
        text-align:center;
        line-height:px(57);
        font-size: px(26);
        margin-left:r(23);
        
    }
    .group-area{
        width: px(61);
        height: px(41);
        margin-right:r(21);
        position:relative;
        font-size: 0;
        img{
            width: px(61);
            height: px(41);
            margin-top:2px;
        }
        span{
            display:block;
            width:18px;
            height:18px;
            border-radius: 12px;
            background: red;
            font-size: 12px;
            line-height: 18px;
            text-align: center;
            color:#FFFFFF;
            position:absolute;
            right:0;
            top:-7px;
        }
        
    }
    
}
//title部分
.session{
    width:100%;
    
    //登录部分开始
    .my-login{
        margin-top:px(20);
        margin-left:r(23);
        box-sizing: border-box;
        font-size:0;
        img{
            width:px(170);
            height:px(170);
        }
        h3{
            font-size: px(30);
            margin:px(32) 0 0 px(25);
            
        }
        p{
            margin:px(38) 0 0 px(25);
            font-size: px(26);
            color:#9d9d9d;
        }
        .my-right{
            font-size:px(87);
            margin-right:r(24);
            margin-top:px(14);
            
        }
    }
    //登录部分开始
    
    //mybox部分开始
    .mybox{
        padding:0 r(24);
        display:flex;
        justify-content: space-between;
        margin-top:px(20);
        box-sizing: border-box;
  
        >div{
            position:relative;
        }
        img{
            width:px(194);
            height:px(194);
            display:block;
        }
        p{
            color:black;
            font-weight: bold;
            position:absolute;
            font-size: px(26);
            left:17px;
            bottom:11px;
        }
    }
    //mybox部分开始
    
    //工具部分开始
    .tool{      
        margin-top:px(30);
        padding:0 r(24);
        box-sizing: border-box;
        font-size:0;
        .purse{
            margin-bottom:15px;
            box-sizing: border-box;
          
            .purse-left{
                img{
                    width:px(57);
                    height:px(73);
                    display:block;
                }                
            }
            .purse-right{
               img{
                   width:px(26);
                   height:px(26);
                   transform: translateY(px(15));
                   display:block;
                   box-sizing: border-box;
               }
               p{
                    font-size: px(24);
                    line-height:px(57);
                    margin-right:10px;
               }
            }
            >p{
                font-size: px(26);
                line-height: px(73);
                display: inline-block;
                margin-left:px(37);
                
                box-sizing:border-box
                
                }
        }
        .quit,.cancel{
            width:px(147);
            height:px(75);
            background: #ff9344;
            color:white;
            border-radius: 18px;
            line-height: px(75);
            text-align: center;
            margin-bottom:20px;
            box-sizing: border-box;
        }
        .quit{
            float:left;
            margin-left:r(82);
            font-size:px(35);

        }
        .cancel{
            float:right;
            margin-right:r(82);
            font-size:px(35);
           

        }
    }
    //工具部分开始
}



.session{
    position: absolute;
    top: px(117);
    bottom: px(136);
    left: 0;
    right: 0;
    //纵向滚动
    overflow-y:scroll ;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
}



//内容部分
footer{
    width: r(750);
    height: px(136);
    position: absolute;
    left: 0;
    bottom: 0;

    ul{

        li{ 
            width: 25%;
            float: left;
            text-align: center;
            margin-top:px(20);
            font-size:px(26);
            .iconfont{
                font-size:33px;
                -webkit-text-stroke: 1px #ff9344;    
                color:white;
            }
            

        }
    }
}
footer ul li .active{
    color: #ff9344;
}